﻿<!DOCTYPE html>
<html lang="en" class="bg" style="width: 100%;height: 100%;">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="images/favicon.png" type="image/png">
    <meta name="_csrf" content="${_csrf.token}" th:content="${_csrf.token}"/>
    <!-- default header name is X-CSRF-TOKEN -->
    <meta name="_csrf_header" content="${_csrf.headerName}" th:content="${_csrf.headerName}"/>
    <title>大兴安岭五•六火灾纪念馆</title>

    <link href="../static/css/style.default.css" rel="stylesheet" th:href="@{/css/style.default.css}">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../static/js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
    <script src="../static/js/respond.min.js" th:src="@{/js/respond.min.js}"></script>
    <![endif]-->
</head>
<style>
    .bg {
        width: 100%;
        height: 100%;
        background: url("images/login-bg4.jpg");
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        z-index: 10;
    }
</style>
<body class=" bg">
<section>

    <div class="signinpanel" style="width: 350px">

        <div class="row">

            <!--<div class="col-md-9">-->


            <!--</div>&lt;!&ndash; col-sm-7 &ndash;&gt;-->

            <!--<div class="col-md-3">-->

            <form method="post" action="index.html" th:action="@{/login}" id="form1" style="width: 350px">
                <h4 class="nomargin" style="text-align: center">欢迎登录</h4>
                <p class="mt5 mb20" style="text-align: center">大兴安岭五•六火灾纪念馆</p>

                <input type="text" name="username" class="form-control uname" placeholder="账号"/>
                <input type="password" name="password" class="form-control pword" placeholder="密码"/>
                <a href="">
                    <small></small>
                </a>
                <button type="submit" class="btn btn-success btn-block">登录</button>

            </form>
            <!--</div>&lt;!&ndash; col-sm-5 &ndash;&gt;-->

        </div><!-- row -->

        <!--<div class="signup-footer">-->
        <!--<div class="pull-left">-->
        <!--&copy; 2018. 黑龙江省联通系统集成分公司-->
        <!--</div>-->
        <!--<div class="pull-right">-->
        <!--Created By: <a href="http://h2design.taobao.com/" target="_blank">2018/08/16</a>-->
        <!--</div>-->
        <!--</div>-->

    </div><!-- signin -->

</section>


<script src="../static/js/jquery-1.11.1.min.js" th:src="@{/js/jquery-1.11.1.min.js}"></script>
<script src="../static/js/jquery-migrate-1.2.1.min.js" th:src="@{/js/jquery-migrate-1.2.1.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<script src="../static/js/modernizr.min.js" th:src="@{/js/modernizr.min.js}"></script>
<script src="../static/js/jquery.sparkline.min.js" th:src="@{/js/jquery.sparkline.min.js}"></script>
<script src="../static/js/jquery.cookies.js" th:src="@{/js/jquery.cookies.js}"></script>

<script src="../static/js/toggles.min.js" th:src="@{/js/toggles.min.js}"></script>
<script src="../static/js/retina.min.js" th:src="@{/js/retina.min.js}"></script>

<script src="../static/js/custom.js" th:src="@{/js/custom.js}"></script>
<script>
    jQuery(document).ready(function () {

        // Please do not use the code below
        // This is for demo purposes only
        var c = jQuery.cookie('change-skin');
        if (c && c == 'greyjoy') {
            jQuery('.btn-success').addClass('btn-orange').removeClass('btn-success');
        } else if (c && c == 'dodgerblue') {
            jQuery('.btn-success').addClass('btn-primary').removeClass('btn-success');
        } else if (c && c == 'katniss') {
            jQuery('.btn-success').addClass('btn-primary').removeClass('btn-success');
        }
    });
</script>

</body>
</html>
